<?php
    session_start();
?>

<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="lib/jquery-ui.css">
    <link rel="stylesheet" href="css/style_main.css">
    <link rel="stylesheet" href="css/style_banner.css">
    <script src="lib/jquery-1.11.2.min.js"></script>
    <script src="lib/jquery-ui.js"></script>
    <title></title>    
    <style>
        
    </style>
    
    
    
</head>

<body>
    <?php
        echo"<div id='menu'>";
            include("banner.php");
        echo "</div>";
        
    echo"<div id='dialog' title='Login'>
    <form method='post' action='index.php'>
        Usuario: <input type='text' name='usu' id='usu' required><br><br>
        Contraseña: <input type='password' id='pass' name='pass' required>
        <p id='error'>Usuario o contraseña incorrectos</p>
        <h6><a href='#'>¿Has olvidado la contraseña?</a></h6>
        <input type='submit' value='Continuar' name='continuar' id='continuar'>
    </form>";
        if(isset($_POST['continuar'])){
        $link = mysql_connect('localhost', 'root','')
        or die('No se pudo conectar: ' . mysql_error());
        mysql_select_db('bdproyecto') or die('No se pudo seleccionar la base de datos');

        // Realizar una consulta MySQL
        $query = "SELECT cod_usuario,nombre,tipo_usuario FROM usuario WHERE email='".$_POST['usu']."' AND contrasena=password('".($_POST["pass"])."')";
            
        $result = mysql_query($query) or die('Consulta fallida: ' . mysql_error());
        $line = mysql_fetch_array($result, MYSQL_ASSOC);
        
            if (mysql_num_rows($result)==1){
                
                session_start();
                
                $_SESSION["cod_usuario"]=$line["cod_usuario"];
                $_SESSION["usuario"]=$_POST["usu"];
                $_SESSION["tipo"]=$line["tipo_usuario"];
                $_SESSION["nombre"]=$line["nombre"];
                
                if($_SESSION["tipo"]=="usuario"){
                    
                    header("refresh:0; url=index.php");

                }else{
                    
                    header("refresh:0; url=index.php");

                }
            }else{
                echo"<script>
                    $('#dialog').dialog({
                        autoOpen:false,
                        draggable:false,
                        resizable:false,
                        closeOnEscape:true,
                        modal: true,
                    });
                    $('#dialog').dialog( 'open' );
                    $('#banner, #main, #pie').fadeTo(400,0.5);
                    $('#error').css('opacity','1');
                </script>";
                }
            
    mysql_free_result($result);

    mysql_close($link);
    }    
    echo "</div>";
    if(isset($_GET['codigo'])){

            //Conectamos a la BBDD
            // Conectando, seleccionando la base de datos
            $link = mysql_connect('localhost', 'root', '')or die('No se pudo conectar: ' . mysql_error());
            mysql_select_db('bdproyecto') or die('No se pudo seleccionar la base de datos');
            mysql_set_charset('utf8',$link);
            // Realizar una consulta MySQL
            $query = "SELECT * FROM articulo WHERE cod_articulo='".$_GET['codigo']."'";
            $result = mysql_query($query) or die('Consulta fallida: ' . mysql_error());
    
            // Imprimir los resultados en HTML
            $line = mysql_fetch_array($result, MYSQL_ASSOC);
            echo"<div id='general'>
                    <div id='izq'>
                        <div id='imagen'>
                            <img src='".$line['imagen']."' id='caratula'>
                        </div>
                        <div id='botones'>
                            <div ><a href='#'><p id='comprar'>Añadir al Carrito<p></a></div>
                        </div>
                    </div>
                <div id='der'>";    
            if($line['discriminante']=='Libro'){
                echo "<table>";
                echo "<tr><td id='title'><label><b>Nombre: </b></label></td><td id='textjust'>".$line['nombre']."</td></tr>";
                echo "<tr><td id='title'><label><b>Precio: </b></label></td><td id='textjust'>".$line['pvp']."</td></tr>";
                echo "<tr><td id='title'><label><b>ISBN: </b></label></td><td id='textjust'>".$line['isbn_l']."</td></tr>";
                echo "<tr><td id='title'><label><b>Autor: </b></label></td><td id='textjust'>".$line['autor_l']."</td></tr>";
                echo "<tr><td id='title'><label><b>Género: </b></label></td><td id='textjust'>".$line['genero_l']."</td></tr>";
                echo "<tr><td id='title'><label><b>Formato: </b></label></td><td id='textjust'>".$line['formato_l']."</td></tr>";
                echo "<tr><td id='title'><label><b>Descripción: </b></label></td><td id='textjust'>".$line['descripcion']."</td></tr>";
                echo "</table>";
                    $img=$line['imagen'];
               }
                if($line['discriminante']=='Juego de Mesa'){
                    echo "<table>";
                    echo "<tr><td id='title'><label><b>Nombre: </b></label></td><td id='textjust'>".$line['nombre']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Precio: </b></label></td><td id='textjust'>".$line['pvp']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Tipo: </b></label></td><td id='textjust'>".$line['tipo_jm']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Tiempo de juego: </b></label></td><td id='textjust'>".$line['tiempo_juego_jm']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Número de jugadores: </b></label></td><td id='textjust'>".$line['n_jugadores_jm']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Edad: </b></label></td><td id='textjust'>".$line['edad_jm']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Descripción: </b></label></td><td id='textjust'>".$line['descripcion']."</td></tr>";
                    echo "</table>";
                    $img=$line['imagen'];
               }
                if($line['discriminante']=='Videojuego'){
                    echo "<table>";
                    echo "<tr><td id='title'><label><b>Nombre: </b></label></td><td id='textjust'>".$line['nombre']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Precio: </b></label></td><td id='textjust'>".$line['pvp']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Plataforma: </b></label></td><td id='textjust'>".$line['plataforma_vj']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Compañía: </b></label></td><td id='textjust'>".$line['compania_vj']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Género: </b></label></td><td id='textjust'>".$line['genero_vj']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Descripción: </b></label></td><td id='textjust'>".$line['descripcion']."</td></tr>";
                    echo "</table>";
                    $img=$line['imagen'];
               }
                if($line['discriminante']=='Pelicula'){
                    echo "<table>";
                    echo "<tr><td id='title'><label><b>Nombre: </b></label></td><td id='textjust'>".$line['nombre']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Precio: </b></label></td><td id='textjust'>".$line['pvp']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Director: </b></label></td><td id='textjust'>".$line['director_p']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Género: </b></label></td><td id='textjust'>".$line['genero_p']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Duración: </b></label></td><td id='textjust'>".$line['duracion_p']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Formato: </b></label></td><td id='textjust'>".$line['formato_p']."</td></tr>";
                    echo "<tr><td id='title'><label><b>Descripción: </b></label></td><td id='textjust'>".$line['descripcion']."</td></tr>";
                    echo "</table>";
                    $img=$line['imagen'];
                }
 
                if(!isset($_SESSION["usuario"])){
                    echo "<script>";
                    echo "$('#comprar').hide();";
                    echo "</script>";
                }else{
                    if($_SESSION['tipo']=='usuario'){
                        echo "<script>";
                        echo "$('#comprar').show();";
                        echo "</script>";
                    }else{
                        echo "<script>";
                        echo "$('#comprar').hide();";
                        echo "</script>";
                    }
                }
    
           
    echo"</div>
    </div>";
    }
    else{
        header('refresh:0; url=index.php');
    }
?>
   <script>
      $(function() {
        
        $("#dialog").dialog({
            autoOpen:false,
            draggable:false,
            resizable:false,
            closeOnEscape:true,
            modal: true,
        });
        
        $("#f").click(function() {
            $("#dialog").dialog( "open" );
            $("#banner, #main, #pie").fadeTo(400,0.5);
        });
        
        $(".ui-dialog-titlebar-close").click(function(){
            $("#banner, #main, #pie").fadeTo(400,1);
            $("#usu,#pass").val("");
            $("#error").css("opacity","0");
        });
        
        $("#dialog").bind('keydown',function(e){
            if ( $(this).dialog("isOpen")==true && e.which == 27 ) {
                $("#banner, #main, #pie").fadeTo(400,1);
                $("#usu,#pass").val("");
                $("#error").css("opacity","0");
            }   
        });
        $("#texto-buscar").click(function(){
            $(this).stop().animate({"width":"250px",},750);
        });
        $("body").click(function(){
            $("#texto-buscar").stop().animate({"width":"150px",},750);
        });

        
    
       $('#comprar').click(function(){
            $.ajax({
                    url : "carrito.php?cod_usu="+<?php 
                                if(isset($_SESSION['cod_usuario'])){
                                    echo $_SESSION['cod_usuario'];
                                }else{
                                    echo "0";
                                }
                            ?>+"&cod_prod="+<?php echo $line['cod_articulo']?>,
                    })
                    .done(function(data) {
                        $("#cantidad").text(data);
                    })
       
       });
        $("#texto-buscar").click(function(event){
            $(this).stop().animate({"width":"225px",},750);
            event.stopPropagation();
            
        });
        $("body").click(function() {
            $("#texto-buscar").animate({"width":"150px",},750);
        });
});
    </script>
</body>
</html>